<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
      li{
          list-style: none;
          height: 35px;
          width: 7.692%;
          background-color: #446398;
          text-align: center;/* 水平居中 */
          line-height: 35px;
          float:left;
          /*border-right: 1px solid red;*/
          /*box-sizing: content-box;*//* 默认值 */
          box-sizing: border-box;/* CSS3才出现 */
      }
      li a{
          color:white;
          text-decoration: none;
      }
  </style>
 </head>
 <body>
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">学校简介</a></li>
        <li><a href="#">学校简介</a></li>
        <li><a href="#">机构设置</a></li>
        <li><a href="#">师资队伍</a></li>
        <li><a href="#">科学研究</a></li>
        <li><a href="#">国际交流</a></li>
        <li><a href="#">招生就业</a></li>
        <li><a href="#">北海校区</a></li>
        <li><a href="#">学术会议</a></li>
        <li><a href="#">诚聘英才</a></li>
        <li><a href="#">人才培养</a></li>
        <li><a href="#">党史学习教育</a></li>
        <li><a href="#">常用链接</a></li>
    </ul>
 </body>
</html>
